<div class="container">

<div class="row" >
    <div class="col-sm-1">

    </div>
   <div class="col-sm-2 ">
     <!-- inspired by github -->
     <a href="#" data-toggle="tooltip" data-placement="bottom" title="头像：苏伟明" style="display:block;">
       <img  src="/imgs/8148277.jpeg" alt="..." class="img-thumbnail">
     </a>
     <h4>ByteSu</h4>
     <ul class="list-unstyled">
       <li>邮箱：byte_su@163.com</li>
       <li>加入：2016-01-22</li>
     </ul>
     <br>
     <br>
     <br>
     <br>
   </div>
   <div class="col-sm-8">
     <ul class="nav nav-tabs" >
       <li class="nav-item">
         <a href="/home?tab=underway" class="nav-link <%
           if(tab=='underway'){
             %>active<%
           }
            %>">进行中</a>
       </li>
       <li class="nav-item">
         <a href="/home?tab=forplaning" class="nav-link  <%
           if(tab=='forplaning'){
             %>active<%
           }
            %>">规划中</a>
       </li>
       <li class="nav-item">
         <a href="/home?tab=finished" class="nav-link <%
           if(tab=='finished'){
             %>active<%
           }
            %>">已完成</a>
       </li>
       <li class="nav-item disabled">
         <a href="/home?tab=archived" class="nav-link <%
           if(tab=='archived'){
             %>active<%
           }
            %>">已归档</a>
       </li>
     </ul>

     <br>
    <div class="card card-block">
      <h5 class="card-title">要读@书单</h5>
      <p class="card-text">
        要读的书.
        <a href="/" class="pull-right  btn btn-primary-outline btn-sm">查 看</a>
      </p>
    </div>
    <div class="card card-block">
      <h5 class="card-title">专注研究的知识</h5>
      <p class="card-text">
        短期内要学习的东西.
        <a href="/" class="pull-right btn btn-primary-outline btn-sm"> 查 看 </a>
      </p>
    </div>
    <div class="card card-block">
      <h5 class="card-title">要读书单</h5>
      <p class="card-text">
        规划要读的书.
        <a href="/" class="btn btn-primary-outline btn-sm pull-right">查 看</a>
      </p>
    </div>
    <div class="card card-block">
      <h5 class="card-title">读书笔记</h5>
      <p class="card-text">
        读书笔记.
        <a href="/#" class="btn btn-primary-outline btn-sm pull-right">查 看</a>
      </p>
    </div>
   </div>
   <div class="col-sm-1">

   </div>

</div>
</div>
